<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>***服务条款</title>

    <link rel="stylesheet" href="../static/css/base/reset.css">
    <link rel="stylesheet" href="../static/css/base/base.css">
    <link rel="stylesheet" href="../static/plugins/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="../static/css/iview.css">
    <link rel="stylesheet" href="../static/login/login.css">
    <link rel="stylesheet" href="../static/css/base/agreement.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>

</head>

<body>

    <div class="container" id="app">
        <div id="headwrap" class="clearfix">


            <div class="head-left">

                <div class="head-right-item" style="overflow: hidden">
                    <img class="loginimg" src="../static/images/main/LOGO.svg" />
                </div>

                <div class="head-right-item head-title fc333">江苏梦兰神彩权限管理系统</div>
                <div class="head-right-item head-subtitle fc666">用户注册</div>

            </div>
            <div class="head-right">

                <div class="head-right-item">
                    <i class="fa fa-question-circle-o" style="font-size:18px;">&nbsp;</i>帮助
                </div>

                <div class="head-right-item">
                    <i class="fa fa-cloud-download">&nbsp;</i>下载
                    <i class="fa fa-angle-down"></i>

                    <div class="dropdown">
                        <!--<div class="triangle_border_up">-->
                        <!--<span></span>-->
                        <!--</div>-->
                        <div class="fa fa-angle-up">
                            <span></span>
                        </div>

                        <div class="dropdown-content">
                            <div class="dropdown-content-item">
                                <i class="fa fa-safari ft20"></i> 最新谷歌浏览器
                            </div>

                            <div class="dropdown-content-item">
                                <i class="fa fa-safari ft20"></i> 系统操作手册
                            </div>
                        </div>
                    </div>
                </div>


            </div>


        </div>

        <div id="mainwrap" class="clearfix" style="background: #f8f8f8 url(../static/images/login/bg.png) repeat">
            <div class="agreement clearfix">
                <div class="agreement-content">
                    <div class="agreement-name">
                        <span></span> ****服务条款
                    </div>
                    <div class="ivu-alert ivu-alert-warning ivu-alert-with-icon">
                        <span class="ivu-alert-icon"><i class="ivu-icon ivu-icon-android-alert"></i></span>
                        <span class="ivu-alert-message">【注意】请仔细阅读以下全部内容</span>
                        <span class="ivu-alert-desc"></span>
                        <!---->
                    </div>
                    <div class="agreement-head">
                        <p>
                            注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内<br/> 注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注
                            <br/> 注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注意内容注。
                        </p>
                    </div>
                    <div class="agreement-related">
                        相关附件内容：
                        <a href="#">《相关协议附件》、</a>
                        <a href="#">《相关协议附件》、</a>
                        <a href="#">《相关协议附件》、</a>
                        <a href="#">《相关协议附件》</a>
                    </div>

                    <div class="agreement-detail-head">
                        注册条款
                    </div>
                    <div class="agreement-line">
                    </div>
                    <div class="agreement-detail">
                        <p>
                            （一）条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容<br/> （二）条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款容条款内容内容条款内容条款内容条款条款内容。
                            <br/> （三）条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款
                            <br/> 内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内条款内容条款内容条款内容条款内容条款内容条款内容
                            <br/> 容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容
                            <br/> 条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容。
                            <br/> 条款内容条款内容条款内容条款内容。
                            <br/> （四）条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容。
                            <br/> （五）条款内容条
                            <br/> 容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容
                            <br/> 容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容
                            <br/> 容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容
                            <br/> （六）条款内容条
                            <br/> 容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容
                            <br/> 容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容
                            <br/>条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容。<br/> 容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容
                            <br/> （七）条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容。
                            <br/> （八）条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容
                            <br/> 容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容条款内容
                            <br/>
                        </p>
                    </div>
                </div>

                <div class="agreement-back-top">
                    <img src="../static/images/agreement/backtop.png" height="20" width="20" />
                </div>
                <div class="agreement-help">
                    以上内容是否对您有帮助？
                    <button class="ivu-btn ivu-btn-default">是</button>
                    <button class="ivu-btn ivu-btn-default">否</button>
                </div>

                <div class="agreement-agree">
                    <button class="ivu-btn ivu-btn-primary">
                    <span>我同意，返回上级注册页面</span>
                </button>
                </div>
            </div>
        </div>

        <div id="footerwrap" class="clearfix">

            <div class="linkwrap">
                <a class="link-each">关于我们</a>
                <a class="link-divider">|</a>
                <a class="link-each">系统声明</a>
                <a class="link-divider">|</a>
                <a class="link-each">商务采购</a>
                <a class="link-divider">|</a>
                <a class="link-each">百度推广</a>
                <a class="link-divider">|</a>
                <a class="link-each">中国环协</a>
            </div>

            <div class="copyversionwrap">
                <a href="">版本 V1.0</a>
                <a href="">技术支持 江苏梦兰神彩科技股份有限公司</a>
            </div>

        </div>
    </div>
    <script type="text/javascript">
        $(function() {


        })

        $(".agreement-back-top").click(function() {
            $('body,html').animate({
                scrollTop: 0
            }, 400);
            return false;
        });
    </script>
</body>

</html>